// 使用 layui 提供的模块
layui.use(function () {
    // 获取具体的 layui 模块实例对象 - 便于调用其方法，实现相关的操作
    // 1.获取 table 模块实例对象
    let table = layui.table;

    let form = layui.form;

    // 2.动态渲染表格数据
    table.render({
        // 2.1) 绑定表格节点
        elem: '#tbl',

        // 2.2)访问服务器程序，获取数据
        url: 'list.Hitem.do',

        id: "Hitem_table",

        // 2.3)定义表格各列，以及数据的绑定
        cols: [[
            {field: 'Hid', width: 88, title: '物品编号'},
            {field: 'Hname', width: 185, title: '物品名称'},
            {
                field: 'Tid', width: 100, title: '物品类型', templet: function (d) {
                    switch (d.Tid) {
                        case 5 :
                            return '手机';
                            break;
                        case 6 :
                            return '电脑';
                            break;
                        case 7 :
                            return '电视机';
                            break;
                        case 8 :
                            return '耳机';
                            break;
                        case 9 :
                            return '桌椅';
                            break;
                        case 10 :
                            return '床';
                            break;
                        case 11 :
                            return '书柜';
                            break;
                        case 12 :
                            return '教材';
                            break;
                        case 13 :
                            return '小说';
                            break;
                        case 14 :
                            return '杂志';
                            break;
                        case 15 :
                            return '跑步机';
                            break;
                        case 16 :
                            return '哑铃';
                            break;
                        case 17 :
                            return '瑜伽垫';
                            break;
                    }

                }
            },
            {field: 'Tprice', width: 100, title: '物品价格'},
            {field: 'Hgrade', width: 100, title: '物品成色'},
            {field: 'Hcontent', width: 100, title: '物品介绍'},
            {
                field: 'Himg', width: 180, title: '物品详图', templet: function (data) {
                    var imgName = data.Himg.split(',');
                    var imgHTML = "";
                    for (var i = 0; i < imgName.length; i++) {
                        imgHTML += "<img src='img/" + imgName[i] + "' width='50px' height='50px' style='margin-left: 15px'>";
                    }
                    return imgHTML;
                }
            },
            {field: 'Hdate', width: 120, title: '发布时间'},
            {title: '操作', toolbar: "#btnDemo"}
        ]],
        page: true,
        limit: 5,
        limits: [5, 10, 15, 20],
    });

    table.on("tool(tbl)", function (obj) {
        let hitem = obj.data;
        console.log(hitem);
        if (obj.event == "del") {
            var Hid = hitem.Hid;
            console.log(Hid);
            layer.confirm("您确定要删除当前物品嘛？", {
                btn: ['确定', '取消'],
                title: "提示",
            }, function (index) {
                $.ajax("del.Hitem.do", {
                    type: "get",
                    data: {
                        Hid: Hid
                    },
                    success: function (n) {
                        if (n) {
                            layer.msg("删除成功");
                            table.reload("Hitem_table", {
                                page: {
                                    curr: 1
                                }
                            });
                        } else {
                            layer.msg("删除失败");
                        }
                    }
                });
            }, function () {

            });
            layer.close(index);
        }

        if (obj.event == 'edit') {
            var Hname = hitem.Hname;
            var Tid = hitem.Tid;
            var Tprice = hitem.Tprice;
            var Hgrade = hitem.Hgrade;
            var Hcontent = hitem.Hcontent;
            var Hdate = hitem.Hdate;
            var Himg = hitem.Himg;
            var Hid = hitem.Hid;

            layer.open({
                type: 1,
                title: "修改物品信息",
                content: $("#OpenForm"),
                area: ['60%', '35em'],
                btn: ['确定', '取消'],
                end: function () {
                    $("#OpenForm").prop("style", "display:none");
                },
                success: function () {
                    $("#Hitem_id").val(Hid).prop("readonly");
                    $("#Hitem_name").val(Hname);
                    $("#Hitem_Type").val(Tid);
                    $("#Hitem_price").val(Tprice);
                    $("#Hitem_grade").val(Hgrade);
                    $("#Hitem_content").val(Hcontent);
                    $("#Hitem_img").val(Himg);
                    $("#Hitem_date").val(Hdate);

                    form.render('select');
                },
                btn1: function (index) {
                    $.ajax("update.Hitem.do", {
                        type: "get",
                        data: {
                            Hname: $("#Hitem_name").val(),
                            Tid: $("#Hitem_Type").val(),
                            Hprice: $("#Hitem_price").val(),
                            Hgrade: $("#Hitem_grade").val(),
                            Hcontent: $("#Hitem_content").val(),
                            Hdate: $("#Hitem_date").val(),
                            Himg: $("#Hitem_img").val(),
                            Hid: $("#Hitem_id").val()
                        },
                        success: function (d) {
                            if (d > 0) {
                                layer.msg("修改成功");
                                table.reload("Hitem_table", {
                                    page: {
                                        curr: 1
                                    }
                                });
                            } else {
                                layer.msg("修改失败");
                            }
                        }
                    }, function () {

                    });
                    layer.close(index);
                }
            });
        }

        if (obj.event == 'detail') {
            var Hname = hitem.Hname;
            var Tid = hitem.Tid;
            var Tprice = hitem.Tprice;
            var Hgrade = hitem.Hgrade;
            var Hcontent = hitem.Hcontent;
            var Hdate = hitem.Hdate;
            var Himg = hitem.Himg;
            var Hid = hitem.Hid;
            layer.open({
                type: 1,
                titile: "信息详情",
                content: $("#OpenForm"),
                area: ['60%', '35em'],
                btn: ['确定', '取消'],
                end: function () {
                    $("#OpenForm").prop("style", "display:none");
                },
                success: function () {
                    $("#Hitem_id").val(Hid).prop("readonly",true);
                    $("#Hitem_name").val(Hname).prop("readonly",true);
                    $("#Hitem_Type").val(Tid).prop("readonly",true);
                    $("#Hitem_price").val(Tprice);
                    $("#Hitem_grade").val(Hgrade).prop("readonly",true);
                    $("#Hitem_content").val(Hcontent).prop("readonly",true);
                    $("#Hitem_img").val(Himg).prop("readonly",true);
                    $("#Hitem_date").val(Hdate).prop("readonly",true);

                    form.render('select');
                }
            });
        }
    });

    $("#btnSelect").on("click", function () {
        table.reload("Hitem_table", {
            page: {
                curr: 1
            },
            where: {
                Hname: $("#Hname").val()
            }
        });
    });
});